<ui:composition xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:jsf="http://xmlns.jcp.org/jsf"
    xmlns:p="http://primefaces.org/ui"
    xmlns:o="http://omnifaces.org/ui"
    xmlns:of="http://omnifaces.org/functions">
    <!-- Theme and Widgets Edit Tabs -->
        <p:tabView id="themeWidgetsTabView" rendered="#{themeWidgetFragment.editDv!=null}" widgetVar="content">
            <p:tab id="themeTab" title="#{bundle['dataverse.theme.title']}" rendered="#{not settingsWrapper.rootDataverseThemeDisabled or themeWidgetFragment.editDv.owner != null}">
                <p:fragment>
                    <p:autoUpdate/>
                    <p:focus for="themeRoot"/>
                    <!-- Dataverse Theme Panel -->
                    <div class="row form-horizontal">
                        <div class="form-group" jsf:rendered="#{themeWidgetFragment.editDv.owner!=null}">
                            <label class="col-sm-3 control-label" for="inheritCustomization">
                                #{bundle['dataverse.theme.inheritCustomization.label']}
                                <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                      data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.inheritCustomization.title']}"></span>
                            </label>
                            <div class="col-sm-9">
                                <div class="checkbox">
                                    <label class="metadata-blocks-default" for="themeRoot">
                                        <h:selectBooleanCheckbox id="themeRoot" tabindex="7" styleClass="metadata-blocks-default" 
                                                                 rendered="#{themeWidgetFragment.editDv.owner != null}"
                                                                 value="#{themeWidgetFragment.inheritCustomization}" >
                                            <p:ajax update="@widgetVar(content)" listener="#{themeWidgetFragment.checkboxListener()}"/>
                                        </h:selectBooleanCheckbox>
                                        <h:outputFormat value="#{bundle['dataverse.theme.inheritCustomization.checkbox']}">
                                            <f:param value="#{themeWidgetFragment.editDv.themeRootDataverseName}"/>
                                        </h:outputFormat>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" jsf:rendered="#{themeWidgetFragment.editDv.themeRoot}">
                            <label class="col-sm-3 control-label" for="logoFormat">
                                #{bundle['dataverse.theme.logo.image']}
                                <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                      data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.logo.image.title']}"></span>
                            </label>
                            <div class="col-sm-9">
                                <p class="help-block">#{bundle['dataverse.theme.logo.tip']}</p>
                                <p:panelGrid rendered="#{not empty themeWidgetFragment.editDv.dataverseTheme.logo}" columns="2" styleClass="noBorders" columnClasses="text-center,uploadNewLogo">
                                    <p:column>
                                        <p>
                                            <img jsf:rendered="#{themeWidgetFragment.uploadExists()}" class="logoPreview" src="/logos/temp/#{themeWidgetFragment.tempDirName}/#{themeWidgetFragment.editDv.dataverseTheme.logo}" alt="#{of:format1(bundle['alt.logo'], themeWidgetFragment.editDv.name)}"/>
                                            <img jsf:rendered="#{not themeWidgetFragment.uploadExists()}" class="logoPreview" src="/logos/#{themeWidgetFragment.editDv.id}/#{themeWidgetFragment.editDv.dataverseTheme.logo}" alt="#{of:format1(bundle['alt.logo'], themeWidgetFragment.editDv.name)}"/>
                                        </p>
                                        <p:commandButton update=":themeWidgetsForm:themeWidgetsTabView" value="#{bundle.remove}" action="#{themeWidgetFragment.removeLogo()}"/>
                                    </p:column>                              
                                    <p:fileUpload invalidFileMessage="#{bundle['dataverse.theme.logo.image.invalidMsg']}" id="changelogo" allowTypes="/(\.|\/)(jpg|jpeg|tff|png|gif)$/" update=":themeWidgetsForm:themeWidgetsTabView" dragDropSupport="true" auto="true" multiple="false"
                                                  listener="#{themeWidgetFragment.handleImageFileUpload}" label="#{bundle['dataverse.theme.logo.image.upload']}"/>
                                </p:panelGrid>
                                <p:panelGrid rendered="#{empty themeWidgetFragment.editDv.dataverseTheme.logo}" columns="2" styleClass="noBorders">
                                    <p:fileUpload id="uploadlogo" invalidFileMessage="#{bundle['dataverse.theme.logo.image.invalidMsg']}" sizeLimit="#{systemConfig.uploadLogoSizeLimit}" allowTypes="/(\.|\/)(jpg|jpeg|tff|png|gif)$/" update=":themeWidgetsForm:themeWidgetsTabView" dragDropSupport="true" auto="true" multiple="false"
                                                  listener="#{themeWidgetFragment.handleImageFileUpload}" label="#{bundle['dataverse.theme.logo.image.uploadImgFile']}" invalidSizeMessage="#{bundle['file.edit.error.file_exceeds_limit']}"/>
                                </p:panelGrid>
                                <ui:fragment rendered="#{not empty themeWidgetFragment.editDv.dataverseTheme.logo}">
                                    <div class="form-col-container col-sm-4">
                                        <label for="logoFormat" class="control-label">
                                            #{bundle['dataverse.theme.logo.format']}
                                            <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                                  data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.logo.format.title']}"></span>
                                        </label>
                                        <div>
                                            <p:selectOneRadio id="logoFormat" value="#{themeWidgetFragment.editDv.dataverseTheme.logoFormat}">
                                                <f:selectItem itemLabel="#{bundle['dataverse.theme.logo.format.selectTab.square']}" itemValue="SQUARE"/>
                                                <f:selectItem itemLabel="#{bundle['dataverse.theme.logo.format.selectTab.rectangle']}" itemValue="RECTANGLE"/>
                                                <p:ajax update="@widgetVar(content)"/>
                                            </p:selectOneRadio>
                                            <p:message for="logoFormat" display="text"/>
                                        </div>
                                    </div>
                                    <ui:fragment rendered="#{themeWidgetFragment.editDv.dataverseTheme.logoFormat=='RECTANGLE'}">
                                        <div class="form-col-container col-sm-3">
                                            <label for="logoAlignment" class="control-label">
                                                #{bundle['dataverse.theme.logo.alignment']}
                                                <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                                      data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.logo.alignment.title']}"></span>
                                            </label>
                                            <div>
                                                <p:selectOneMenu id="logoAlignment" styleClass="form-control" value="#{themeWidgetFragment.editDv.dataverseTheme.logoAlignment}">
                                                    <f:selectItem id="left" itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.left']}" itemValue="LEFT" />
                                                    <f:selectItem id="center" itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.center']}" itemValue="CENTER" />
                                                    <f:selectItem id="right" itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.right']}" itemValue="RIGHT" />
                                                </p:selectOneMenu>
                                                <p:message for="logoAlignment" display="text"/>
                                            </div>
                                        </div>
                                        <div class="form-col-container col-sm-4">
                                            <label for="logoBackgroundColor" class="control-label">
                                                #{bundle['dataverse.theme.logo.backColor']}
                                                <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                                      data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.logo.backColor.title']}"></span>
                                            </label>
                                            <div>
                                                <p:colorPicker id="logoBackgroundColor" value="#{themeWidgetFragment.editDv.dataverseTheme.logoBackgroundColor}"/>
                                                <p:message for="logoBackgroundColor" display="text"/>
                                            </div>
                                        </div>
                                    </ui:fragment>
                                </ui:fragment>
                            </div>
                        </div>
                        <div class="form-group" jsf:rendered="#{themeWidgetFragment.editDv.themeRoot}">
                            <label class="col-sm-3 control-label" for="thumbnailFormat">
                                #{bundle['dataverse.theme.logo.imageThumbnail']}
                                <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                      data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.logo.image.thumbnail']}"></span>
                            </label>
                            <div class="col-sm-9">
                                <p class="help-block">#{bundle['dataverse.theme.logo.tip']}</p>
                                <p:panelGrid rendered="#{not empty themeWidgetFragment.editDv.dataverseTheme.logoThumbnail}" columns="2" styleClass="noBorders" columnClasses="text-center,uploadNewLogo">
                                    <p:column>
                                        <p>
                                            <img jsf:rendered="#{themeWidgetFragment.uploadExistsThumbnail()}" class="logoPreview" src="/logos/temp/#{themeWidgetFragment.tempDirName}/#{themeWidgetFragment.editDv.dataverseTheme.logoThumbnail}" alt="#{of:format1(bundle['alt.logo'], themeWidgetFragment.editDv.name)}"/>
                                            <img jsf:rendered="#{not themeWidgetFragment.uploadExistsThumbnail()}" class="logoPreview" src="/logos/#{themeWidgetFragment.editDv.id}/#{themeWidgetFragment.editDv.dataverseTheme.logoThumbnail}" alt="#{of:format1(bundle['alt.logo'], themeWidgetFragment.editDv.name)}"/>
                                        </p>
                                        <p:commandButton update=":themeWidgetsForm:themeWidgetsTabView" value="#{bundle.remove}" action="#{themeWidgetFragment.removeLogoThumbnail()}"/>
                                    </p:column>
                                    <p:fileUpload invalidFileMessage="#{bundle['dataverse.theme.logo.image.invalidMsg']}" id="changelogothumbnail" allowTypes="/(\.|\/)(jpg|jpeg|tff|png|gif)$/" update=":themeWidgetsForm:themeWidgetsTabView" dragDropSupport="true" auto="true" multiple="false"
                                                  listener="#{themeWidgetFragment.handleImageThumbnailFileUpload}" label="#{bundle['dataverse.theme.logo.image.upload']}"/>
                                </p:panelGrid>
                                <p:panelGrid rendered="#{empty themeWidgetFragment.editDv.dataverseTheme.logoThumbnail}" columns="2" styleClass="noBorders">
                                    <p:fileUpload id="uploadlogoThumbnail" invalidFileMessage="#{bundle['dataverse.theme.logo.image.invalidMsg']}" sizeLimit="#{systemConfig.uploadLogoSizeLimit}" allowTypes="/(\.|\/)(jpg|jpeg|tff|png|gif)$/" update=":themeWidgetsForm:themeWidgetsTabView" dragDropSupport="true" auto="true" multiple="false"
                                                  listener="#{themeWidgetFragment.handleImageThumbnailFileUpload}" label="#{bundle['dataverse.theme.logo.image.uploadImgFile']}" invalidSizeMessage="#{bundle['file.edit.error.file_exceeds_limit']}"/>
                                </p:panelGrid>
                            </div>
                        </div>
                    </div>
                    <ui:fragment rendered="#{themeWidgetFragment.editDv.themeRoot}">
                        <div class="row form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">
                                    #{bundle['dataverse.theme.headerColor']}
                                    <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                          data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.headerColor.tip']}"></span>
                                </label>
                                <div class="form-group col-sm-9">
                                    <div class="form-col-container col-sm-4">
                                        <label for="backgroundColor" class="control-label">
                                            #{bundle['dataverse.theme.backColor']}
                                            <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                                  data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.backColor.title']}"></span>
                                        </label>
                                        <div>
                                            <p:colorPicker id="backgroundColor" value="#{themeWidgetFragment.editDv.dataverseTheme.backgroundColor}"/>
                                            <p:message for="backgroundColor" display="text"/>
                                        </div>
                                    </div>
                                    <div class="form-col-container col-sm-4">
                                        <label for="linkColor" class="control-label">
                                            #{bundle['dataverse.theme.linkColor']}
                                            <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                                  data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.linkColor.title']}"></span>
                                        </label>
                                        <div>
                                            <p:colorPicker id="linkColor" value="#{themeWidgetFragment.editDv.dataverseTheme.linkColor}"/>
                                            <p:message for="linkColor" display="text"/>
                                        </div>
                                    </div>
                                    <div class="form-col-container col-sm-4">
                                        <label for="textColor" class="control-label">
                                            #{bundle['dataverse.theme.txtColor']}
                                            <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                                  data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.txtColor.title']}"></span>
                                        </label>
                                        <div>
                                            <p:colorPicker id="textColor" value="#{themeWidgetFragment.editDv.dataverseTheme.textColor}"/>
                                            <p:message for="textColor" display="text"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label" for="tagline">
                                    #{bundle['dataverse.theme.tagline']}
                                    <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                          data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.tagline.title']}"></span>
                                </label>
                                <h:inputHidden id="linkAndUrl" value="true">
                                    <f:validator validatorId="linkValidator"/>
                                    <f:attribute name="linkUrlInput" value="#{themeWidgetFragment.linkUrlInput}"/>
                                    <f:attribute name="taglineInput" value="#{themeWidgetFragment.taglineInput}"/>
                                </h:inputHidden>
                                <div class="col-sm-8">
                                    <p class="help-block">#{bundle['dataverse.theme.tagline.tip']}</p>
                                    <p:inputText id="tagline" styleClass="form-control" binding="#{themeWidgetFragment.taglineInput}" validator="#{themeWidgetFragment.validateTagline}" value="#{themeWidgetFragment.editDv.dataverseTheme.tagline}"/>
                                    <p:message for="tagline" display="text"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label" for="website">
                                    #{bundle['dataverse.theme.website']}
                                    <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                          data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.website.title']}"></span>
                                </label>
                                <div class="col-sm-6">
                                    <p class="help-block">#{bundle['dataverse.theme.website.tip']}</p>
                                    <p:inputText id="website" styleClass="form-control" binding="#{themeWidgetFragment.linkUrlInput}" validatorMessage="#{bundle['dataverse.theme.website.invalidMsg']}" validator="#{themeWidgetFragment.validateUrl}" value="#{themeWidgetFragment.editDv.dataverseTheme.linkUrl}"/>
                                    <p:watermark for="website" value="#{bundle['dataverse.theme.website.watermark']}" id="watermark" />
                                    <p:message for="website" display="text"/>
                                </div>
                            </div>
                            <!-- Dataverse footer logo -->
                            <div class="form-group" jsf:rendered="#{themeWidgetFragment.editDv.themeRoot}">
                                <label class="col-sm-3 control-label">
                                    #{bundle['dataverse.theme.logo.imageFooter']}
                                    <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                          data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.logo.image.footer']}"></span>
                                </label>
                                <div class="col-sm-9">
                                    <p class="help-block">#{bundle['dataverse.theme.logo.tip']}</p>
                                    <p:panelGrid rendered="#{not empty themeWidgetFragment.editDv.dataverseTheme.logoFooter}" columns="2" styleClass="noBorders" columnClasses="text-center,uploadNewLogo">
                                        <p:column>
                                            <p>
                                                <img jsf:rendered="#{themeWidgetFragment.uploadExistsFooter()}" class="logoPreview" src="/logos/temp/#{themeWidgetFragment.tempDirName}/#{themeWidgetFragment.editDv.dataverseTheme.logoFooter}" alt="#{themeWidgetFragment.editDv.name}"/>
                                                <img jsf:rendered="#{not themeWidgetFragment.uploadExistsFooter()}" class="logoPreview" src="/logos/#{themeWidgetFragment.editDv.id}/#{themeWidgetFragment.editDv.dataverseTheme.logoFooter}" alt="#{themeWidgetFragment.editDv.name}"/>
                                            </p>
                                            <p:commandButton update=":themeWidgetsForm:themeWidgetsTabView" value="#{bundle.remove}" action="#{themeWidgetFragment.removeLogoFooter()}"/>
                                        </p:column>
                                        <p:fileUpload invalidFileMessage="#{bundle['dataverse.theme.logo.image.invalidMsg']}" id="changelogoFooter" allowTypes="/(\.|\/)(jpg|jpeg|tff|png|gif)$/" update=":themeWidgetsForm:themeWidgetsTabView" dragDropSupport="true" auto="true" multiple="false"
                                                      listener="#{themeWidgetFragment.handleImageFooterFileUpload}" label="#{bundle['dataverse.theme.logo.image.upload']}"/>
                                    </p:panelGrid>
                                    <p:panelGrid rendered="#{empty themeWidgetFragment.editDv.dataverseTheme.logoFooter}" columns="2" styleClass="noBorders">
                                        <p:fileUpload id="uploadlogoFooter" invalidFileMessage="#{bundle['dataverse.theme.logo.image.invalidMsg']}" sizeLimit="#{systemConfig.uploadLogoSizeLimit}" allowTypes="/(\.|\/)(jpg|jpeg|tff|png|gif)$/" update=":themeWidgetsForm:themeWidgetsTabView" dragDropSupport="true" auto="true" multiple="false"
                                                      listener="#{themeWidgetFragment.handleImageFooterFileUpload}" label="#{bundle['dataverse.theme.logo.image.uploadImgFile']}" invalidSizeMessage="#{bundle['file.edit.error.file_exceeds_limit']}"/>
                                    </p:panelGrid>
                                    <ui:fragment rendered="#{not empty themeWidgetFragment.editDv.dataverseTheme.logoFooter}">
                                        <div class="form-col-container col-sm-3">
                                            <label for="logoAlignment" class="control-label">
                                                #{bundle['dataverse.theme.logo.alignment']}
                                                <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                                      data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.logo.alignment.title']}"></span>
                                            </label>
                                            <div>
                                                <p:selectOneMenu id="logoFooterAlignment" styleClass="form-control" value="#{themeWidgetFragment.editDv.dataverseTheme.logoFooterAlignment}">
                                                    <f:selectItem itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.left']}" itemValue="LEFT" />
                                                    <f:selectItem  itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.center']}" itemValue="CENTER" />
                                                    <f:selectItem itemLabel="#{bundle['dataverse.theme.logo.alignment.selectTab.right']}" itemValue="RIGHT" />
                                                </p:selectOneMenu>
                                                <p:message for="logoFooterAlignment" display="text"/>
                                            </div>
                                        </div>
                                        <div class="form-col-container col-sm-4">
                                            <label for="logoBackgroundColor" class="control-label">
                                                #{bundle['dataverse.theme.logo.backColor']}
                                                <span class="glyphicon glyphicon-question-sign tooltip-icon"
                                                      data-toggle="tooltip" data-placement="auto right" data-original-title="#{bundle['dataverse.theme.logo.backColor.title']}"></span>
                                            </label>
                                            <div>
                                                <p:colorPicker id="logoFooterBackgroundColor" value="#{themeWidgetFragment.editDv.dataverseTheme.logoFooterBackgroundColor}"/>
                                                <p:message for="logoFooterBackgroundColor" display="text"/>
                                            </div>
                                        </div>
                                    </ui:fragment>
                                </div>
                            </div>
                        </div>
                    </ui:fragment>
                </p:fragment>
                <div class="button-block">
                    <p:commandButton class="btn btn-default" value="#{bundle.saveChanges}" update=":#{p:resolveClientId('messagePanel', view)}, :themeWidgetsForm" action="#{themeWidgetFragment.save()}"/>
                    <p:commandButton id="themeCancel" class="btn btn-link" value="#{bundle.cancel}" action="#{themeWidgetFragment.cancel()}" immediate="true"/>
                </div>
            </p:tab>
            <p:tab id="themeTabDisabled" title="#{bundle['dataverse.theme.title']}" rendered="#{themeWidgetFragment.editDv.owner == null and settingsWrapper.rootDataverseThemeDisabled}">
                <div>#{bundle['dataverse.theme.disabled']}</div>
                <div class="button-block">
                    <p:commandButton id="themeTabDisabledDone" class="btn btn-default" value="#{bundle.done}" action="#{themeWidgetFragment.cancel()}" immediate="true"/>
                </div>
            </p:tab>
            <p:tab id="widgetsTab" title="#{bundle['dataverse.widgets.title']}">
                <div id="no-widgets-message" class="panel panel-default" jsf:rendered="#{!themeWidgetFragment.editDv.released}">
                    <div class="panel-body">
                        <span class="help-block h3">#{bundle['dataverse.widgets.notPublished.why.header']}</span>
                        <ul>
                            <li><h:outputText value="#{bundle['dataverse.widgets.notPublished.why.reason1']}" escape="false"/></li>
                            <li><h:outputText value="#{bundle['dataverse.widgets.notPublished.why.reason2']}" escape="false"/></li>
                        </ul>
                        <span class="help-block h3">#{bundle['dataverse.widgets.notPublished.how.header']}</span>
                        <ul>
                            <li><h:outputText value="#{bundle['dataverse.widgets.notPublished.how.tip1']}" escape="false"/></li>
                            <li><h:outputText value="#{bundle['dataverse.widgets.notPublished.how.tip2']}" escape="false"/></li>
                            <li>
                                <h:outputFormat value="#{bundle['dataverse.widgets.notPublished.how.tip3']}" escape="false">
                                    <f:param value="#{systemConfig.guidesBaseUrl}"/>
                                    <f:param value="#{systemConfig.guidesVersion}"/>
                                </h:outputFormat>
                            </li>
                        </ul>
                        <p>
                            <h:outputFormat value="#{bundle['dataverse.widgets.notPublished.getStarted']}" escape="false">
                                <f:param value="#{systemConfig.guidesBaseUrl}"/>
                                <f:param value="#{systemConfig.guidesVersion}"/>
                            </h:outputFormat>
                        </p>
                    </div>
                </div>
                
                <ui:fragment rendered="#{themeWidgetFragment.editDv.released}">
                    <p class="help-block"><span class="glyphicon glyphicon-info-sign"/> 
                        <h:outputFormat value=" #{bundle['dataverse.widgets.tip']}" escape="false">
                            <f:param value="#{systemConfig.guidesBaseUrl}"/>
                            <f:param value="#{systemConfig.guidesVersion}"/>
                        </h:outputFormat>
                    </p>
                    <div>
                        <h5>
                            #{bundle['dataverse.widgets.searchBox.txt']}
                        </h5>
                        <p class="help-block">#{bundle['dataverse.widgets.searchBox.tip']}</p>
                    </div>
                    <div>
                        <textarea rows="3" cols="54" class="form-control">&lt;script id=&quot;dataverse-widget-js&quot; src=&quot;#{systemConfig.dataverseSiteUrl}/resources/js/widgets.js?alias=#{themeWidgetFragment.editDv.alias}&amp;amp;dvUrl=#{systemConfig.dataverseSiteUrl}&amp;amp;widget=search&amp;amp;text=Search&#43;my&#43;dataverse&quot;&gt;&lt;/script&gt;</textarea>
                    </div>
                    <div>
                        <h5>
                            #{bundle['dataverse.widgets.dataverseListing.txt']}
                        </h5>
                        <p class="help-block">#{bundle['dataverse.widgets.dataverseListing.tip']}</p>
                    </div>
                    <div>
                        <textarea rows="3" cols="54" class="form-control">&lt;script id=&quot;dataverse-widget-js&quot; src=&quot;#{systemConfig.dataverseSiteUrl}/resources/js/widgets.js?alias=#{themeWidgetFragment.editDv.alias}&amp;amp;dvUrl=#{systemConfig.dataverseSiteUrl}&amp;amp;widgetScope=#{themeWidgetFragment.editDv.alias}&amp;amp;widget=iframe&amp;amp;heightPx=500&quot;&gt;&lt;/script&gt;</textarea>
                    </div>
                    <div class="button-block">
                        <p:commandButton id="widgetsDone" class="btn btn-default" value="#{bundle.done}" action="#{themeWidgetFragment.cancel()}" immediate="true"/>
                    </div>
                </ui:fragment>
            </p:tab>
        </p:tabView>
    <p:remoteCommand name="saveRedirectUrl" process="@this" update=":#{p:resolveClientId('messagePanel', view)}, :themeWidgetsForm, @([id$=Messages])" actionListener="#{themeWidgetFragment.save()}"/>
</ui:composition>